﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/People.Master" Inherits="System.Web.Mvc.ViewPage<PagedList<zeus.Core.Ubicacion>>" %>

<%@ Import Namespace="zeus.Web.Controllers" %>
<%@ Import Namespace="Webdiyer.WebControls.Mvc" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContentPlaceHolder" runat="server">
    <br />
    <br />
    <div align="center">
        <table width="81%" border="0" cellspacing="2" cellpadding="2">
            <tr>
                <td>
                    Cliente
                </td>
                <td>
                    <input type="text" name="TxtNombre11" id="lbl_cliente" readonly="True" />
                </td>
                <td>
                    Evento
                </td>
                <td>
                    <input type="text" name="TxtNombre12" id="lbl_evento" readonly="True" />
                </td>
                <td>
                    Fecha
                </td>
                <td>
                    <input type="text" name="TxtNombre13" id="lbl_fecha" readonly="True" />
                </td>
                <td>
                    Longitud
                </td>
                <td>
                    <input type="text" name="TxtNombre14" id="lbl_longitud" readonly="True" />
                </td>
                <td>
                    Latitud
                </td>
                <td>
                    <input type="text" name="TxtNombre15" id="lbl_latitud" readonly="True" />
                </td>
            </tr>
        </table>
        <table width="100%" height="100%" border="0" cellpadding="2" cellspacing="2">
            <tr>
                <td>
                    <table width="100%" height="969" border="0" cellpadding="2" cellspacing="2">
                        <tr>
                            <td width="50%">
                                <table width="100%" height="878" border="0" cellpadding="2" cellspacing="2">
                                    <tr>
                                        <td height="574">
                                            <table width="99%" height="568" border="0" cellpadding="2" cellspacing="2">
                                                <tr>
                                                    <td>
                                                        <p style="color: #FF8000;">
                                                            Emergencia</p>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <table width="60%" border="0" cellspacing="2" cellpadding="2" class="datatable">
                                                            <tr>
                                                                <th>
                                                                    Tipo
                                                                </th>
                                                                <th>
                                                                    Recibido
                                                                </th>
                                                                <th>
                                                                    Antendido
                                                                </th>
                                                                <th>
                                                                    Derivado
                                                                </th>
                                                                <th>
                                                                    Recurso
                                                                </th>
                                                                <th>
                                                                    Status
                                                                </th>
                                                            </tr>
                                                            <% foreach (var item in Model)
                                                               {
                                                            %>
                                                            <tr>
                                                                <td>
                                                                    <%= Html.Encode(item.Unidad.Nombre) %>
                                                                </td>
                                                                <td>
                                                                    <a href="javascript:metodo('<%: Html.Encode(item.Fecha) %>','<%: Html.Encode(item.Unidad.Nombre) %>','<%: Html.Encode(item.Latitud) %>','<%: Html.Encode(item.Longitud) %>')">
                                                                        <%: Html.Encode(item.Fecha) %></a>
                                                                </td>
                                                                <td>
                                                                    <%= Html.Encode(item.Fecha) %>
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                </td>
                                                            </tr>
                                                            <% } %>
                                                        </table>
                                                        <p>
                                                            <%= Html.Pager(Model,new PagerOptions{PageIndexParameterName="id"}) %>
                                                        </p>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <p style="color: #FF8000;">
                                                            Ambulancia
                                                        </p>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <table width="60%" border="0" cellspacing="2" cellpadding="2" class="datatable">
                                                            <tr>
                                                                <th>
                                                                    Tipo
                                                                </th>
                                                                <th>
                                                                    Recibido
                                                                </th>
                                                                <th>
                                                                    Antendido
                                                                </th>
                                                                <th>
                                                                    Derivado
                                                                </th>
                                                                <th>
                                                                    Recurso
                                                                </th>
                                                                <th>
                                                                    Status
                                                                </th>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <p style="color: #FF8000;">
                                                            Bomberos</p>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <table width="60%" border="0" cellspacing="2" cellpadding="2" class="datatable">
                                                            <tr>
                                                                <th>
                                                                    Tipo
                                                                </th>
                                                                <th>
                                                                    Recibido
                                                                </th>
                                                                <th>
                                                                    Antendido
                                                                </th>
                                                                <th>
                                                                    Derivado
                                                                </th>
                                                                <th>
                                                                    Recurso
                                                                </th>
                                                                <th>
                                                                    Status
                                                                </th>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <p style="color: #FF8000;">
                                                            Servicios</p>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <table width="60%" border="0" cellspacing="2" cellpadding="2" class="datatable">
                                                            <tr>
                                                                <th>
                                                                    Tipo
                                                                </th>
                                                                <th>
                                                                    Recibido
                                                                </th>
                                                                <th>
                                                                    Antendido
                                                                </th>
                                                                <th>
                                                                    Derivado
                                                                </th>
                                                                <th>
                                                                    Recurso
                                                                </th>
                                                                <th>
                                                                    Status
                                                                </th>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <p style="color: #FF8000;">
                                                            Varios</p>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <table width="60%" border="0" cellspacing="2" cellpadding="2" class="datatable">
                                                            <tr>
                                                                <th>
                                                                    Tipo
                                                                </th>
                                                                <th>
                                                                    Recibido
                                                                </th>
                                                                <th>
                                                                    Antendido
                                                                </th>
                                                                <th>
                                                                    Derivado
                                                                </th>
                                                                <th>
                                                                    Recurso
                                                                </th>
                                                                <th>
                                                                    Status
                                                                </th>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                                <td>
                                                                    XXXXXXXXX
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="navigation">
                                                <ul class="icon_dock icon_enlarge">
                                                    <li><a href="<%= ResolveUrl("~") %>People/CrearEvento" style="width: 60px; height: 60px;
                                                        display: block;"><span>Crear Evento</span><img src="<%= ResolveUrl("~") %>Content/ImgPeople/Generar.png"
                                                            alt="[Internet icon]" title="Crear Evento" /></a></li>
                                                    <li><a href="<%= ResolveUrl("~") %>People/PantallaAtenderEvento" style="width: 60px; height: 60px; display: block;"><span>Atender Evento</span><img
                                                        src="<%= ResolveUrl("~") %>Content/ImgPeople/Atencion.png" alt="[Chat icon]"
                                                        title="Atender Evento" /></a></li>
                                                    <li><a href="<%= ResolveUrl("~") %>People/Monitoreo" style="width: 60px; height: 60px; display: block;"><span>Monitoreo</span><img
                                                        src="<%= ResolveUrl("~") %>Content/ImgPeople/Monitoreo.png" alt="[Contact icon]"
                                                        title="Monitoreo" /></a></li>
                                                    <li><a href="<%= ResolveUrl("~") %>Home/Index" style="width: 60px; height: 60px;
                                                        display: block;"><span>Retroceder</span><img src="<%= ResolveUrl("~") %>Content/ImgPeople/Retroceder.png"
                                                            alt="[Notes icon]" title="Retroceder" /></a></li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                                <p>
                                    &nbsp;</p>
                            </td>
                            <td width="50%">
                                <table width="100%" height="100" border="0" cellpadding="2" cellspacing="2">
                                    
                                    <tr>
                                        <td height="101">
                                            <table width="99%" height="429" border="0" cellpadding="2" cellspacing="2">
                                                <tr>
                                                    <td>
                                                        <div id="map_canvas" style="width: 100%; height: 422px">
                                                        </div>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>

                                    <tr>
                                        <td height="110">
                                            <table width="100%" height="98" border="0" cellpadding="2" cellspacing="2">
                                                <p style="color: #FF8000;">
                                                    Datos del Cliente</p>
                                                <tr>
                                                    <td>
                                                        <p>
                                                            Foto</p>
                                                        <p>
                                                            <img src="<%= ResolveUrl("~") %>Content/ImgPeople/Foto.jpg" alt="foto" width="125"
                                                                height="139" /></p>
                                                    </td>
                                                    <td width="39%">
                                                        <table width="97%" height="147" border="0" cellpadding="2" cellspacing="2">
                                                            <tr>
                                                                <td>
                                                                    Nombre
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input type="text" name="TxtNombre" id="TxtNombre" value="William" readonly="True" />
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    Apellido
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input type="text" name="TxtNombre2" id="TxtNombre2" value="Cueva" readonly="True" />
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    D.N.I
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input type="text" name="TxtNombre3" id="TxtNombre3" value="171401285-6" readonly="True" />
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    Telefono
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input type="text" name="TxtNombre4" id="TxtNombre4" value="2845678" readonly="True" />
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    Celular
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input type="text" name="TxtNombre5" id="TxtNombre5" value="095432789" readonly="True" />
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    Direccion
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input type="text" name="TxtNombre10" id="TxtNombre10" value="San Carlos" readonly="True" />
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                    <td width="26%">
                                                        <table width="95%" height="348" border="0" cellpadding="2" cellspacing="2">
                                                            <tr>
                                                                <td>
                                                                    Referencia
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    Nombre Referencia
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input type="text" name="TxtNombre6" id="TxtNombre6" value="Mauricio Fuertes" readonly="True" />
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    Telefono de Referencia
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input type="text" name="TxtNombre7" id="TxtNombre7" value="2628285" readonly="True" />
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    Datos Medicos
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    Tipo de Sangre
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input type="text" name="TxtNombre8" id="TxtNombre8" value="A+" readonly="True" />
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    Alergias
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input type="text" name="TxtNombre9" id="TxtNombre9" value="Penicilina" readonly="True" />
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="HeadContentPlaceHolder" runat="server">
    <link href="<%= ResolveUrl("~") %>Content/tables.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        function metodo(fecha, b, latitud, longitud) {
            // alert("fecha:" + fecha);
            //alert("alias:" + b);
            //alert("entre");
            //alert(latitud);
            //alert(longitud);
            var cliente;
            var evento;

            cliente = "Cueva Willian";
            evento = "Emergencia";

            // $("#lbl_cliente").text(b);
            $("#lbl_cliente").val(cliente);
            $("#lbl_evento").val(evento);
            $("#lbl_fecha").val(fecha);
            $("#lbl_latitud").val(latitud);
            $("#lbl_longitud").val(longitud);



            //////////////sript para pintar en el mapa//////////////
            //            var latitud;
            //            var longitud;


            //            latitud = -34.604270;
            //            longitud = -58.391028;

            if (GBrowserIsCompatible()) {
                var map = new GMap2(document.getElementById("map_canvas"));
                map.setMapType(G_HYBRID_MAP);
                var baseIcon = new GIcon();
                baseIcon.iconSize = new GSize(32, 32);
                baseIcon.shadowSize = new GSize(56, 32);
                baseIcon.iconAnchor = new GPoint(16, 32);
                baseIcon.infoWindowAnchor = new GPoint(16, 0);
                var edificio = new GIcon(baseIcon, "http://maps.google.com/mapfiles/kml/pal2/icon14.png", null, "http://maps.google.com/mapfiles/kml/pal2/icon14s.png");
                var center = new GLatLng(latitud, longitud);
                map.setCenter(center, 18);
                var marker = new GMarker(center, edificio);
                map.setUIToDefault();
                map.enableRotation();
                //var ovcontrol = new GOverviewMapControl(new GSize(200, 200));
                //map.addControl(ovcontrol);
                GEvent.addListener(marker, "click", function () {
                    marker.openInfoWindowHtml("<b style='color: #0000FF'>Ultima Ubicacion</b><br/><br/><i>Fecha / Hora: " + fecha + "</i><br/><i>Cliente: " + cliente + "</i><br/><i>Evento: " + evento + "</i> ");
                });
                //marker.openInfoWindowHtml("<b style='color: #0000FF'>Startel Systems</b><br/><i>Pasaje Génova N24-531 y Rubio de Arévalo</i><br/><i>Telf: (+593) 2232189</i><br/><a href='http://www.startelsystems.com.ec'>Visitanos en nuestra Web!</a> ");
                map.addOverlay(marker);
            }

        }

    </script>
    <script type="text/javascript">
        function initialize() {
            if (GBrowserIsCompatible()) {
                var map = new GMap2(document.getElementById("map_canvas"));
                map.setMapType(G_HYBRID_MAP);
                var baseIcon = new GIcon();
                baseIcon.iconSize = new GSize(32, 32);
                baseIcon.shadowSize = new GSize(56, 32);
                baseIcon.iconAnchor = new GPoint(16, 32);
                baseIcon.infoWindowAnchor = new GPoint(16, 0);
                var edificio = new GIcon(baseIcon, "http://maps.google.com/mapfiles/kml/pal3/icon21.png", null, "http://maps.google.com/mapfiles/kml/pal3/icon21s.png");
                var center = new GLatLng(-0.206212, -78.481501);
                map.setCenter(center, 18);
                var marker = new GMarker(center, edificio);
                map.setUIToDefault();
                map.enableRotation();
                var ovcontrol = new GOverviewMapControl(new GSize(200, 200));
                map.addControl(ovcontrol);
                GEvent.addListener(marker, "click", function () {
                    marker.openInfoWindowHtml("<b style='color: #0000FF'>Startel Systems</b><br/><i>Pasaje Génova N24-531 y Rubio de Arévalo</i><br/><i>Telf: (+593) 2232189</i><br/><a href='http://www.startelsystems.com.ec'>Visitanos en nuestra Web!</a> ");
                });
                marker.openInfoWindowHtml("<b style='color: #0000FF'>Startel Systems</b><br/><i>Pasaje Génova N24-531 y Rubio de Arévalo</i><br/><i>Telf: (+593) 2232189</i><br/><a href='http://www.startelsystems.com.ec'>Visitanos en nuestra Web!</a> ");
                map.addOverlay(marker);
            }
        }

        $(window).load(function () {
            initialize();
            testtimeout();
        });

        $(window).unload(function () {
            GUnload();
        });
    </script>
    <script type="text/javascript">

        function refrescar() {

            window.location.reload()

            //tiempo = window.setTimeout("refrescar()", 600000)
        }

        function testtimeout() {
            setTimeout("refrescar()", 30000);

        }

    </script>
</asp:Content>
